@extends('astron.layout')
@section('content')

<div id="content" >
    
  <div class="row">
            <div class='col-md-6'>
            <div class="news-item white-bg" style="width:100%!important">
              <div class=" news-item creative-text">
                  <p class="white"><span class="blue-bg sub-heading">Social networking:</span></p>
                    <h3 class="sub-heading add-top-half">Social networking:</h3>
                    <p>- Weibo, WeChat, LinkedIn</p>
                    <p>- Online campaigns</p>
              <h3 class="sub-heading add-top-half">Social networking:</h3>
              <p>
                  Astronaut’s creative social networking solutions have won advertising awards. In China we open and maintain 
                  social media accounts for our clients, by not only writing and designing the content, but also by running 
                  monthly mini campaigns which engage the social channels audience again and again. 
              </p>
              <p><b>Social networking services include:</b></p>
              <p>- Maintaining social networking accounts</p>
              <p>- Linking content on multiple accounts</p>
              <p>- Creating and executing digital campaigns</p>
              <p>and more...</p>
                </div>
              </div>

          </div>
          <div class="col-md-6">
              <img alt="" title="" class="img-responsive" src="images/creative/6.jpg" style="width:100%;" />
          </div>
    </div>
     <div class="row">
      <div class="col-md-6">
              <img alt="" title="" class="img-responsive" src="images/creative/creative-3.jpg" style="width:100%;" />
          </div>
            <div class='col-md-6'>
            <div class="news-item blue-bg" style="width:100%!important">
              <div class="news-item-inner  white">
                  <p class="white"><span class="black-bg sub-heading">User interactions:</span></p>
                    <h3 class="sub-heading add-top-half">User interactions:</h3>
                    <p>- Apps </p>
                    <p>- Augmented reality</p>
              <h3 class="sub-heading add-top-half">User interactions:</h3>
              <p>
                  Today’s audiences communicate with brands through mobile interactions and this is where opinions are formed about brands 
                  and companies. These interactions are not just powerful in a way that they give the brand news ways how to communicate, 
                  but also because of the data which can be generated which makes brands learn more than ever before about who is linked to 
                  the brand and how does this person feel about the brand. 
              </p>
              <p><b>User interaction services include:</b></p>
              <p>- Apps in social media accounts</p>
              <p>- Stand alone native apps for iOS and Android</p>
              <p>- Cutting edge augmented reality apps</p>
                 
                </div>
              </div>

          </div>
          
    </div>
     <div class="row">
            <div class='col-md-6'>
            <div class="news-item white-bg" style="width:100%!important">
              <div class="creative-text ">
                  <p class="white"><span class="blue-bg sub-heading">Offline meets online:</span></p>
                    <h3 class="sub-heading add-top-half">Offline meets online:</h3>
                    <p>- Events </p>
                    <p>- Above the line campaigns</p>
              <h3 class="sub-heading add-top-half">Offline meets online:</h3>
              <p>
                  In Marketing everything needs to be digital. We from Astronaut work on solutions which 
                  bring typical offline situations to the digital world by linking them via user interaction 
                  tools and our advanced marketing analytics engine Spayz to the social media world. The benefits are not just 
                  an increased response from your audience but also that you can learn about your audience and how they feel about your product.
              </p>
              <p><b>Offline meets online services include:</b></p>
              <p>- Bringing events online </p>
              <p>- Linking above the line campaigns to social media</p>
              <p>- Creating new shopping experiences</p>
                 
                </div>
              </div>

          </div>
          <div class="col-md-6">
              <img alt="" title="" class="img-responsive" src="images/creative/creative-4.jpg" style="width:100%;" />
          </div>
    </div>

  <!-- end : newss-container -->



  

<section class="container color-bg text-center">

  <div class="row">

      <article class="col-md-12 team-job color-bg text-center pad-top pad-bottom">
          <h3 class="main-heading white">Like to work with us?</h3>
          <div class="trigger-button add-top-quarter">
              <a href="/contact_us" class="btn btn-reflex btn-reflex-dark white">CONTACT US</a>
          </div>
      </article>
    </div>

</section>
<section class="team-container">
                <div class="row">
                    <article class="col-md-3 no-gutter team-thumb silver-bg text-center">
                        <img alt="" title="" class="img-responsive" src="images/case/audi/aodi-2.jpg" style='height:300px;'/>
                    </article>
                    <article class="col-md-3 team-info white-bg text-center">
                        <div class="triangle-arrow triangle-arrow-right"></div>
                        <div class="valign">
                            <h3 class="">Audi E-TRON<br>Launch Campaign</h3>
                            <a href="/audi"><h6><span>more</span></h6></a>
                        </div>
                    </article>
                    <article class="col-md-3 no-gutter team-thumb silver-bg text-left">
                        <img alt="" title="" class="img-responsive" src="images/case/audi/aodi-2.jpg" style='height:300px;'/>
                    </article>
                    <article class="col-md-3 team-info white-bg text-center">
                        <div class="triangle-arrow triangle-arrow-right"></div>
                        <div class="valign">
                            <h3 class="">Porsche Panamera<br>Launch 2013</h3>
                            <a href="/porsche"><h6><span>more</span></h6></a>
                        </div>
                    </article>
                </div>


                <div class="row">

                    <article class="col-md-3 team-info white-bg text-center">
                        <div class="triangle-arrow triangle-arrow-left"></div>
                        <div class="valign">
                            <h3 class="">Vienna music<br> campaign 2014</h3>
                            <a href="/vienna"><h6><span>more</span></h6></a>
                        </div>
                    </article>
                    <article class="col-md-3 no-gutter team-thumb silver-bg text-center">
                        <img alt="" title="" class="img-responsive" src="images/case/audi/aodi-2.jpg" style='height:300px;'/>
                    </article>
                    <article class="col-md-3 team-info white-bg text-center">
                        <div class="triangle-arrow triangle-arrow-left"></div>
                        <div class="valign">
                            <h3 class="">BMW 7 IN JOY</h3>
                            <a href="/bmw"><h6><span>more</span></h6></a>
                        </div>
                    </article>
                    <article class="col-md-3 no-gutter team-thumb silver-bg text-left">
                        <img alt="" title="" class="img-responsive" src="images/case/audi/aodi-2.jpg" style='height:300px;'/>
                    </article>
                </div>



                <div class="row">
                    <article class="col-md-12 team-job color-bg text-center pad-top pad-bottom">
                        <h3 class="main-heading white">Like to work with us?</h3>
                        <div class="trigger-button add-top-quarter">
                            <a href="/contact" class="btn btn-reflex btn-reflex-dark white">CONTACT US</a>
                        </div>
                    </article>
                </div>


            </section>


<footer class="container master-footer">
    <div class="row">
        <article class="col-md-6  text-left white-bg" id="map">
            <img src="images/map.png" alt=""/>
        </article>

        <article class="col-md-6 footer-column text-left white-bg">
            <h3>Contact Us</h3>
            <ul class="foot-links">
                <li><span>Room 420, Building B, Gehua Tower, No.1 Qinglong Hutong,
Beixiaojie, Dongzhimen, Dongcheng District, Beijing, P.R.China</span></li>
                <li><span>Tel+86(0) 1084186659</span></li>
                <li><span>Fax+86(0) 1084186659</span></li>
            </ul><br>
            <h3>Social Media</h3>
            <div class="contact-li">
                <ul class="social-wrap">
                    <li><a href="#"><img alt="" title="" src="images/social/icon-menu-1.png"/></a></li>
                    <li><a href="#"><img alt="" title="" src="images/social/icon-menu-2.png"/></a></li>

                </ul>
            </div>
        </article>
    </div>
    <div class="row">
        <article class="col-md-12">
            <div class="bt_logo"><img src="images/logo.png" alt=""/></div>
        </article>
    </div>
</footer>







</div>
<!-- end content -->

<!-- Core JS Libraries -->
<script src="javascripts/jquery.js" type="text/javascript"></script>
<script src="javascripts/jquery.easing.1.3.js" type="text/javascript"></script>
<script src="bootstrap/js/bootstrap.js" ></script> 
<!-- JS Plugins -->
<script src="javascripts/device.min.js"></script>
<script src="javascripts/modernizr.js" type="text/javascript"></script>
<script src="javascripts/retina.js" type="text/javascript"></script>
<script src="javascripts/responsive-nav.js" type="text/javascript"></script>
<script src="javascripts/navi-slidedown.js" type="text/javascript"></script>
<script src="javascripts/equalheights.js" ></script> 
<script src="javascripts/jquery.parallax-1.1.3.js" ></script> 
<script src="javascripts/jquery.masonry.min.js"></script>
<script src="javascripts/jquery.tweet.js"></script>
<script src="javascripts/jquery.slimmenu.min.js"></script>
<!-- JS Custom Codes --> 
<script src="javascripts/equalheights-init.js" ></script> 
<script src="javascripts/hiding-nav.js"></script> 
<script src="javascripts/masonry-init.js"></script> 
<script src="javascripts/parallax-init.js"></script>
<script src="javascripts/pace.min.js" ></script>  
<script src="javascripts/main.js" ></script>

@stop